<script src="<?php echo base_url();?>js/knockout-1.2.1.js"></script>
<p>&nbsp;</p>
<div align="center">
  <h1>Raw Material Inspection Report (Pulp Inprocess)</h1>
</div>
<table width="60%" border="0" align="center" cellpadding="0" cellspacing="0" class="font">
  <tr>
    <td width="8%" height="40">Date</td>
    <td width="26%" height="40"> : 
    <input id="datepicker" data-bind="value: departure" /></td>
    <td width="8%" height="40">Reel speed</td>
    <td width="25%" height="40"> :    
    <input name="textfield21" type="text" class="k-textbox" id="textfield19"/></td>
  </tr>
  <tr>
    <td height="40">Time</td>
    <td height="40"> : 
    <input type="text" name="textfield2" id="timepicker" /></td>
    <td height="40">Problem</td>
    <td height="40"> :    
    <input name="textfield20" type="text" class="k-textbox" id="textfield20"/></td>
  </tr>
    <tr>
      <td height="40">Type</td>
      <td height="40"> : 
      <select name="ticket" class="select" id="ticket1">
        <option value="OSP PRO-NEW">OSP PRO-NEW</option>
        <option value="PPC PMW">PPC PMW</option>
        <option value="LPP">LPP</option>
        <option value="OFB">OFB</option>
      </select></td>
      <td height="40">NBKP</td>
      <td height="40"> : 
      <input name="textfield88" type="text" class="k-textbox" id="textfield87"/></td>
    </tr>
    <tr>
      <td height="40">Gram</td>
      <td height="40"> : 
      <select name="ticket2" class="select" id="ticket2">
        <option>60</option>
        <option value="64">64</option>
        <option value="70">70</option>
        <option value="75">75</option>
        <option value="80">80</option>
        <option value="90">90</option>
        <option value="100">100</option>
        <option value="120">120</option>
      </select></td>
      <td height="40">LBKP</td>
      <td height="40"> : 
      <input name="textfield89" type="text" class="k-textbox" id="textfield88"/></td>
    </tr>
    <tr>
    <td height="40">Pulp (NBKP)</td>
    <td height="40"> : 
    <select name="ticket3" class="select" id="ticket3">
      <option value="Canfor">Canfor</option>
      <option value="Celgra">Celgra</option>
      <option value="Crestbrook">Crestbrook</option>
      <option value="Crofton">Crofton</option>
      <option value="Enopine">Enopine</option>
      <option value="Hinton">Hinton</option>
      <option value="Sodra">Sodra</option>
    </select></td>
    <td height="40">Broke</td>
    <td height="40"> : 
    <input name="textfield90" type="text" class="k-textbox" id="textfield89"/></td>
  </tr>

</table>
<br />
<table width="60%" align="center">
<tr>
<td>
<div align="right">
<input name="Submit" type="submit" class="k-button" value="บันทึกข้อมูล"/>
&nbsp;
<input name="Reset" type="submit" class="k-button" value="ยกเลิก"/>
</div>
</td>
</tr>
</table>
<table width="60%" align="center" class="font">
  <tr>
    <td>
     <table id="grid">
                <thead>
                    <tr>
                      <th data-field="Propertiesaa">Properties Item</th>
                      <th data-field="Propertiesab">Properties Item</th>
                      <th data-field="Valueac">Value</th>
                      <th data-field="Valuead">Value</th>
                      <th data-field="Unitae">Unit</th>
                    </tr>
                </thead>
                <tbody>
<tr>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td><strong>Lab</strong></td><td><strong>DCS</strong></td><td>&nbsp;</td>
</tr>
<tr>
  <td><strong>Consistency</strong></td>
  <td><strong>NBKP</strong></td>
  <td><input name="textfield" type="number" class="k-textbox number" id="textfield"/></td><td><input name="textfield46" type="number" class="k-textbox number" id="textfield45"/></td>
<td>(%)</td>
</tr>
<tr>
  <td>&nbsp;</td>
  <td><strong>LBKP</strong></td>
  <td><input name="textfield22" type="number" class="k-textbox number" id="textfield21"/></td><td><input name="textfield57" type="number" class="k-textbox number" id="textfield56"/></td><td>(%)</td>
</tr>
<tr>
  <td>&nbsp;</td>
  <td><strong>Broke</strong></td>
  <td><input name="textfield3" type="number" class="k-textbox number" id="textfield2"/></td><td><input name="textfield18" type="number" class="k-textbox number" id="textfield17"/></td><td>(%)</td>
</tr>
<tr>
  <td>&nbsp;</td>
  <td><strong>Machine chest</strong></td>
  <td><input name="textfield4" type="number" class="k-textbox number" id="textfield3"/></td><td><input name="textfield19" type="number" class="k-textbox number" id="textfield18"/></td><td>(%)</td>
</tr>
<tr>
  <td>&nbsp;</td>
  <td><strong>Head Box</strong></td>
  <td><input name="textfield5" type="number" class="k-textbox number" id="textfield4"/></td><td><input name="textfield23" type="number" class="k-textbox number" id="textfield22"/></td><td>(%)</td>
</tr>
<tr>
  <td>&nbsp;</td>
  <td><strong>Inlet screw press</strong></td>
  <td><input name="textfield6" type="number" class="k-textbox number" id="textfield5"/></td><td><input name="textfield24" type="number" class="k-textbox number" id="textfield23"/></td><td>(%)</td>
</tr>
<tr>
  <td>&nbsp;</td>
  <td><strong>Outlet screw press</strong></td>
  <td><input name="textfield7" type="number" class="k-textbox number" id="textfield6"/></td><td><input name="textfield25" type="number" class="k-textbox number" id="textfield24"/></td><td>(%)</td>
</tr>
<tr>
  <td>&nbsp;</td>
  <td><strong>AF  dilution to dump  chest </strong></td>
  <td><input name="textfield8" type="number" class="k-textbox number" id="textfield7"/></td><td><input name="textfield26" type="number" class="k-textbox number" id="textfield25"/></td><td>(%)</td>
</tr>
<tr>
  <td><strong>Freeness</strong></td>
  <td><strong>NBKP</strong></td>
  <td><input name="textfield9" type="number" class="k-textbox number" id="textfield8"/></td><td><input name="textfield27" type="number" class="k-textbox number" id="textfield26"/></td><td>(CSF)</td>
</tr>
<tr>
  <td>&nbsp;</td>
  <td><strong>LBKP</strong></td>
  <td><input name="textfield10" type="number" class="k-textbox number" id="textfield9"/></td><td><input name="textfield28" type="number" class="k-textbox number" id="textfield27"/></td><td>(CSF)</td>
</tr>
<tr>
  <td>&nbsp;</td>
  <td><strong>Broke</strong></td>
  <td><input name="textfield11" type="number" class="k-textbox number" id="textfield10"/></td><td><input name="textfield29" type="number" class="k-textbox number" id="textfield28"/></td><td>(CSF)</td>
</tr>
<tr>
  <td>&nbsp;</td>
  <td><strong>Machine chest</strong></td>
  <td><input name="textfield12" type="number" class="k-textbox number" id="textfield11"/></td><td><input name="textfield30" type="number" class="k-textbox number" id="textfield29"/></td><td>(CSF)</td>
</tr>
<tr>
  <td>&nbsp;</td>
  <td><strong>Head Box</strong></td>
  <td><input name="textfield13" type="number" class="k-textbox number" id="textfield12"/></td><td><input name="textfield31" type="number" class="k-textbox number" id="textfield30"/></td><td>(CSF)</td>
</tr>
<tr>
  <td>&nbsp;</td>
  <td><strong>Inlet screw press</strong></td>
  <td><input name="textfield14" type="number" class="k-textbox number" id="textfield13"/></td><td><input name="textfield32" type="number" class="k-textbox number" id="textfield31"/></td><td>(CSF)</td>
</tr>
<tr>
  <td><strong>pH</strong></td>
  <td><strong>Head Box</strong></td>
  <td><input name="textfield15" type="number" class="k-textbox number" id="textfield14"/></td>
  <td><input name="textfield33" type="number" class="k-textbox number" id="textfield32"/></td>
  <td>&nbsp;</td>
  </tr>
<tr>
  <td>&nbsp;</td>
  <td><strong>White Water</strong></td>
  <td><input name="textfield16" type="number" class="k-textbox number" id="textfield15"/></td>
  <td><input name="textfield34" type="number" class="k-textbox number" id="textfield33"/></td>
  <td>&nbsp;</td>
  </tr>
<tr>
  <td>&nbsp;</td>
  <td><strong>Inlet screw press</strong></td>
  <td><input name="textfield17" type="number" class="k-textbox number" id="textfield16"/></td>
  <td><input name="textfield35" type="number" class="k-textbox number" id="textfield34"/></td>
  <td>&nbsp;</td>
  </tr>
<tr>
  <td>&nbsp;</td>
  <td><strong>AF dilution to Dump chest</strong></td>
  <td><input name="textfield58" type="number" class="k-textbox number" id="textfield57"/></td>
  <td><input name="textfield59" type="number" class="k-textbox number" id="textfield58"/></td>
  <td>&nbsp;</td>
  </tr>
<tr>
  <td><strong>Conductivity</strong></td>
  <td><strong>Head Box</strong></td>
  <td><input name="textfield36" type="number" class="k-textbox number" id="textfield35"/></td>
  <td><input name="textfield47" type="number" class="k-textbox number" id="textfield46"/></td>
  <td>(μs/cm)</td>
  </tr>
<tr>
  <td>&nbsp;</td>
  <td><strong>White Water</strong></td>
  <td><input name="textfield37" type="number" class="k-textbox number" id="textfield36"/></td>
  <td><input name="textfield48" type="number" class="k-textbox number" id="textfield47"/></td>
  <td>(μs/cm)</td>
  </tr>
<tr>
  <td><strong>M-Alkality</strong></td>
  <td><strong>White Water</strong></td>
  <td><input name="textfield38" type="number" class="k-textbox number" id="textfield37"/></td>
  <td><input name="textfield49" type="number" class="k-textbox number" id="textfield48"/></td>
  <td>(mg/L)</td>
  </tr>
<tr>
  <td><strong>Ratio LC/HC</strong></td>
  <td>&nbsp;</td>
  <td><input name="textfield39" type="number" class="k-textbox number" id="textfield38"/></td>
  <td><input name="textfield50" type="number" class="k-textbox number" id="textfield49"/></td>
  <td>(%)</td>
  </tr>
<tr>
  <td><strong>Retention/ Consistency</strong></td>
  <td><strong>Head Box</strong></td>
  <td><input name="textfield40" type="number" class="k-textbox number" id="textfield39"/></td>
  <td><input name="textfield51" type="number" class="k-textbox number" id="textfield50"/></td>
  <td>(%)</td>
  </tr>
<tr>
  <td>&nbsp;</td>
  <td><strong>White Water</strong></td>
  <td><input name="textfield41" type="number" class="k-textbox number" id="textfield40"/></td>
  <td><input name="textfield52" type="number" class="k-textbox number" id="textfield51"/></td>
  <td>(%)</td>
  </tr>
<tr>
  <td><strong>Retention/ Filler Content</strong></td>
  <td><strong>Head Box</strong></td>
  <td><input name="textfield42" type="number" class="k-textbox number" id="textfield41"/></td>
  <td><input name="textfield53" type="number" class="k-textbox number" id="textfield52"/></td>
  <td>(%)</td>
  </tr>
<tr>
  <td>&nbsp;</td>
  <td><strong>White Water</strong></td>
  <td><input name="textfield43" type="number" class="k-textbox number" id="textfield42"/></td>
  <td><input name="textfield54" type="number" class="k-textbox number" id="textfield53"/></td>
  <td>(%)</td>
  </tr>
<tr>
  <td><strong>Total Retiontion</strong></td>
  <td>&nbsp;</td>
  <td><input name="textfield44" type="number" class="k-textbox number" id="textfield43"/></td>
  <td><input name="textfield55" type="number" class="k-textbox number" id="textfield54"/></td>
  <td>(%)</td>
  </tr>
<tr>
  <td><strong>Ash  Retention</strong></td>
  <td>&nbsp;</td>
  <td><input name="textfield45" type="number" class="k-textbox number" id="textfield44"/></td>
  <td><input name="textfield56" type="number" class="k-textbox number" id="textfield55"/></td>
  <td>(%)</td>
  </tr>
                </tbody>
      </table>
     <script>
                $(document).ready(function() {
                    $("#grid").kendoGrid({
						columns: [
						{ field: "Propertiesaa", width: "40px" },
						{ field: "Propertiesab", width: "40px" },
						{ field: "Valueac", width: "15px" },
						{ field: "Valuead", width: "15px" },
						{ field: "Unitae", width: "20px" }
						],
                        //height: 1000,
						//pageable: true,
						dataSource: {
						//pageSize: 12
						} 
                    });
                });
            </script>
    </td>
  </tr>
</table>

            <!--scrip list select-->
<script>
                $(document).ready(function() {
                    var viewModel = {
                        chosenTicket: ko.observable(),
                        resetTicket: function() { this.chosenTicket(null) },
                    };
                    $("#ticket1").kendoDropDownList().trigger("change");
                    $("#ticket2").kendoDropDownList().trigger("change");
                    $("#ticket3").kendoDropDownList().trigger("change");
                });
      		</script>
            <!--scrip วัน-เดือน-ปี-->
<script>
                $(document).ready(function() {
                    var today = new Date(),
                        birthdays = [
                           +new Date(today.getFullYear(), today.getMonth(), 11),
                           +new Date(today.getFullYear(), today.getMonth() + 1, 6),
                           +new Date(today.getFullYear(), today.getMonth() + 1, 27),
                           +new Date(today.getFullYear(), today.getMonth() - 1, 3),
                           +new Date(today.getFullYear(), today.getMonth() - 2, 22)
                        ];

                    $("#datepicker").kendoDatePicker({
                        value: today,
                        month: {
                            // template for dates in month view
                            content: '# if ($.inArray(+data.date, [' + birthdays + ']) != -1) { #' +
                                         '<div class="birthday"></div>' +
                                     '# } #' +
                                     '#= data.value #'
                        },
                        footer: "Today - #=kendo.toString(data, 'd') #"
                    });

                    $("#datepicker").data("kendoDatePicker")
                                    .dateView.calendar.element
                                    .width(300);
                });
            </script>
            <!--scrip เวลา-->
<script>
                $(document).ready(function() {
                    // create TimePicker from input HTML element
                    $("#timepicker").kendoTimePicker();
                });
            </script>